@import "../../Command/Command";

.CommandCenter001 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;

	.List {
		position: absolute;
		left: 18px;
		top: 140px;
		bottom: 60px;
		width: 525px;
		z-index: 2;

		.ListBox {
			width: 100%;
			height: 100%;
			padding: 16px;
			position: relative;
			overflow-y: scroll;

			&::-webkit-scrollbar {
				display: none;
			}
		}
	}

	.Options {
		position: absolute;
		left: 555px;
		top: 0;
		bottom: 0;
		width: 88px;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;

		& > div {
			width: 100%;
			background: var(--CommandBoxBack);
			border-radius: 10px;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			padding: 16px 0;
			cursor: pointer;

			& > div {
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
				margin-bottom: 8px;

				&:hover {
					& > div {
						color: var(--CommandBoxDivHover);
					}
				}

				& > img {
					width: 80px;
					height: 80px;
					display: block;
				}

				& > div {
					width: 100%;
					text-align: center;
					font-size: 12px;
					font-family: Microsoft YaHei;
					font-weight: bold;
					color: var(--CommandBoxDivFont);
				}
			}
		}
	}
}
